/* pages/category/index.wxss */
.category {
  display: flex;
  .cat_nav {
    width: 152rpx;
    text-align: center;
    border-right: 1px solid #dadada;
    .cat_name {
      padding: 20rpx;
      background: #d8d7d740;
      border-bottom: 1px solid #dadada;
      &:nth-last-child(1) {
        border-bottom: 0 solid #dadada;
      }
    }
    .activeCat {
      background: #ffffff;
    }
  }
  .cat_contents {
    flex: 1;
    .cat_module {
      height: auto;
      .cat_title {
        text-align: center;
        font-size: 50rpx;
      }
      .cat_container {
        display: grid;
        grid-template-columns: repeat(3, 32%);
        grid-row: auto;
        height: 100%;
        padding: 2%;
        .cat_content {
          text-align: center;
          .cat_image {
            width: 86%;
            height: 78.72rpx * 2;
            padding: 10rpx 10rpx 0 10rpx;
            object-fit: cover;
          }
        }
      }
    }
  }
}
